{% extends "admin/change_form.html" %}  -- 扩展原有页面
{% load i18n admin_urls static admin_modify %}
{% block after_field_sets %}


<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {
    if (window.location.pathname !== '/admin/index/vip/add/'){
        $("#id_web option:eq(1)").remove()
    }

    // 广告位的样式的修改
    if (window.location.pathname !== '/admin/index/ad/'){
        var p = document.getElementById("id_url").parentNode
        if (p != undefined && p != null) {
            var obj = document.createElement('a')
            obj.style.color = 'red'
            obj.innerText = '*请输入站点的协议（http或https），例如：https://www.baidu.com'
            p.appendChild(obj)
        }
    }

})

$("#id_web").change(function() {   
      var id = $(this).val();
         {#alert(id);#}

      $.ajax({
        url: '/getCategory',              
            data:{"id":id},    
            type: 'GET',                 
            dataType: 'json',
            success: function (data) {    
                var content='<option value> --------- </option>';
                    $.each(data, function(i, item){
                        content+='<option value='+item.id+'>'+item.name+'</option>';
                    });
                $('#id_category').html(content) 
                $('#id_category2').html('<option value> --------- </option>')
        },
      })
	   .fail(function(){            
            var content='';
            content+='<option value> --------- </option>';
            $('#id_category').html(content)
            $('#id_category2').html(content)
		  });
    });

$("#id_category").change(function() {
      var id = $(this).val();
         {#alert(id);#}

      $.ajax({
        url: '/getCategory2',
            data:{"id":id},
            type: 'GET',
            dataType: 'json',
            success: function (data) {
                var content='<option value> --------- </option>';
                    $.each(data, function(i, item){
                        content+='<option value='+item.id+'>'+item.name+'</option>';
                    });
                $('#id_category2').html(content)
        },
      })
	   .fail(function(){
            var content='';
            content+='<option value> --------- </option>';
            $('#id_category2').html(content)
		  });
    });
</script>
{% endblock %}